@import "../../less/@name";
.shuffling{
  height:100%;
  position: relative;
  &>ul{
    position: relative;
    transition: left 3s cubic-bezier(0.42, 0, 0, 1);
    li{
      width:100%;
      a{}
    }
  }
  .dot{
    display: flex;
    position: absolute;
    width:100%;
    justify-content: center;
    li{
      margin: 0 0.5em;
      width:8px;
      height:8px;
      border-radius: 50%;
      background: @bg;
      &.active{
        background: @color-main-1;
      }
    }
  }
}